<template>
  <div>

    <SkyPanel title="审核意见" id="first">
      <template v-slot:main>

        <SkyTable v-slot="row" :data="data">
          <SkyColumn :row="row.scope" prop="col1" label="序号"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col2" label="经办人"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col3" label="审核类型"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col4" label="审核时间"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col5" label="审核意见"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col6" label="审核结果">
            <div class="result">
              <img src="~@/assets/images/success-logo.png" alt=""  v-if="row.scope.col6=='通过'">
              <img src="~@/assets/images/panel-error.png" alt=""  v-if="row.scope.col6=='驳回'">
              <div>{{row.scope.col6}}</div>
            </div>
            
          </SkyColumn>
        </SkyTable>

      </template>
    </SkyPanel>

    <SkyPanel title="注册信息" id="two">
      <template v-slot:main>

        <SkyMatrix>
          <SkyMatrixRow>
            <SkyMatrixCol title="用户名">苏志冬</SkyMatrixCol>
            <SkyMatrixCol title="登录名">telehot</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="手机号">13813641197</SkyMatrixCol>
            <SkyMatrixCol title="邮箱">telehot@163.com</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="授权委托书">授权委托书.pdf</SkyMatrixCol>
          </SkyMatrixRow>
        </SkyMatrix>

      </template>
    </SkyPanel>

    <SkyPanel title="营业执照信息" id="three">
      <template v-slot:main>

        <SkyMatrix>
          <SkyMatrixRow>
            <SkyMatrixCol title="公司名称">武汉菲旺软件技术有限公司</SkyMatrixCol>
            <SkyMatrixCol title="统一社会信用代码">913513213213</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="证照类型">三证合一</SkyMatrixCol>
            <SkyMatrixCol title="组织机构代码证号">232311414</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="营业执照号">3453435353</SkyMatrixCol>
            <SkyMatrixCol title="营业期限">2019-12-30-长期</SkyMatrixCol>
          </SkyMatrixRow>
           <SkyMatrixRow>
            <SkyMatrixCol title="税务登记证号">4545454545</SkyMatrixCol>
            <SkyMatrixCol title="法人代表手机号">18978678975</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="法人代表">李四</SkyMatrixCol>
            <SkyMatrixCol title="法人身份证号">33131232132</SkyMatrixCol>
          </SkyMatrixRow>
           <SkyMatrixRow>
            <SkyMatrixCol title="法人代表身份证">
              <div>身份证正面.jpg</div>
              <div>身份证反面.jpg</div>
            </SkyMatrixCol>
            <SkyMatrixCol title="营业执照">营业执照.jpg</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="经营范围"></SkyMatrixCol>
          </SkyMatrixRow>
        </SkyMatrix>


      </template>
    </SkyPanel>

    <SkyPanel title="企业信息" id="four">
      <template v-slot:main>

        <SkyMatrix>
          <SkyMatrixRow>
            <SkyMatrixCol title="企业性质">有限责任公司</SkyMatrixCol>
            <SkyMatrixCol title="机构性质">企业</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="企业注册地址">江苏省苏州市工业园区</SkyMatrixCol>
            <SkyMatrixCol title="注册资金">1000万</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="成立日期">2010-10-18</SkyMatrixCol>
            <SkyMatrixCol title="办公地址">江苏省苏州市工业园区</SkyMatrixCol>
          </SkyMatrixRow>

          <SkyMatrixRow>
            <SkyMatrixCol title="办公面积">3000平方米</SkyMatrixCol>
            <SkyMatrixCol title="是否有关联公司">有</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="纳税人类型">一般纳税人</SkyMatrixCol>
            <SkyMatrixCol title="营业执照">营业执照.jpg</SkyMatrixCol>
          </SkyMatrixRow>
          <SkyMatrixRow>
            <SkyMatrixCol title="统一社会信用代码证">统一社会信用代码证.jpg</SkyMatrixCol>
          </SkyMatrixRow>
          
        </SkyMatrix>

      </template>
    </SkyPanel>

    <SkyPanel title="关联公司" id="five">
      <template v-slot:main>

        <SkyTable v-slot="row" :data="data1">
          <SkyColumn :row="row.scope" prop="col1" label="序号"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col2" label="关联公司名称"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col3" label="关联关系"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col4" label="统一社会信用代码"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col5" label="备注"></SkyColumn>
        </SkyTable>

      </template>
    </SkyPanel>
    <SkyPanel title="近三年获奖信息" id="six">
      <template v-slot:main>
          <div class="module-tb-container" v-for="(item,index) in infoList" :key="index">
          <div class="serial">
            {{index+1}}
          </div>
          <div style="width:200px">
            <img :src="item.src" alt="" style="width:81px;height:81px">
          </div>
          <div style="flex:1">
            <div class="th">获奖名称</div>
            <div class="td">{{item.name}}</div>
          </div>
          <div style="width:200px">
            <div class="th">获奖日期</div>
            <div class="td">{{item.date}}</div>
          </div>
          <div style="width:200px">
            <div class="th">颁奖组织</div>
            <div class="td">{{item.organization}}</div>
          </div>
        </div>
      </template>
    </SkyPanel>

    <SkyPanel title="修改记录" id="seven">
      <template v-slot:main>

        <SkyTable v-slot="row" :data="data2">
          <SkyColumn :row="row.scope" prop="col1" label="序号"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col2" label="模块"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col3" label="修改字段"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col4" label="修改前"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col5" label="修改后"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col6" label="修改时间"></SkyColumn>
          <SkyColumn :row="row.scope" prop="col7" label="修改类型"></SkyColumn>

        </SkyTable>

      </template>
    </SkyPanel>

    <div>
      <SkyPanelPositionGroup scrolltop='150' offsettop='150'>
        <SkyPanelPositionUnit prop="first" label="审核意见"></SkyPanelPositionUnit>
        <SkyPanelPositionUnit prop="two" label="注册信息"></SkyPanelPositionUnit>
        <SkyPanelPositionUnit prop="three" label="营业执照信息"></SkyPanelPositionUnit>
        <SkyPanelPositionUnit prop="four" label="企业信息"></SkyPanelPositionUnit>
        <SkyPanelPositionUnit prop="five" label="关联公司"></SkyPanelPositionUnit>
        <SkyPanelPositionUnit prop="six" label="近三年获奖信息"></SkyPanelPositionUnit>
        <SkyPanelPositionUnit prop="seven" label="修改记录"></SkyPanelPositionUnit>
      </SkyPanelPositionGroup>
    </div>
  </div>
</template>

<script lang="ts">
  import { defineComponent } from "vue";

  export default defineComponent({
    components: {},
    setup() {
      return {};
    },
    data() {
      return {
        isShow: false,
        infoList:[
          {
            src:require("../../../../../assets/images/winning.png") ,
            name:"鲁班奖",
            company:"江苏区域集团",
            date:"2019-10-20",
            organization:"中国建筑协会"
            
          },
          {
            src:require("../../../../../assets/images/winning.png") ,
            name:"鲁班奖",
            company:"上海区域集团",
            date:"2019-10-20",
            organization:"中国建筑协会"
          }
        ],
        data: [
          {
            col1: "1",
            col2: "张三",
            col3: "供方提交",
            col4: "2020-10-11",
            col5:"--",
            col6:"通过"
          },
          {
            col1: "2",
            col2: "王五",
            col3: "信息审核",
            col4: "2020-10-11",
            col5:"驳回原因",
            col6:"驳回"
          },
        ],
        data1: [
          {
            col1: "1",
            col2: "上海黄埔总包施工类合同",
            col3: "母公司",
            col4: "321421321131",
            col5:"无",
          },
          {
            col1: "2",
            col2: "上海黄埔总包施工类合同",
            col3: "子公司",
            col4: "321421321131",
            col5:"无",
          },
        ],
        data2:[
          {
            col1: "1",
            col2: "基本信息",
            col3: "经营范围",
            col4: "江苏区域",
            col5:"全国",
            col6:"2020-10-08",
            col7:"修改"

          },
          {
            col1: "2",
            col2: "近三年财务列表",
            col3: "近三年财务列表-2008",
            col4: "无",
            col5:"2018",
            col6:"2020-10-12",
            col7:"新增"

          },
        ]

      };
    },
    methods: {
      // eslint-disable-next-line @typescript-eslint/no-empty-function
      clickSearchCondition() {},
    },
  });
</script>

<style scoped lang="scss">
.router-slid-enter-active,
.router-slid-leave-active {
  transition: all 0.4s;
}
.router-slid-enter,
.router-slid-leave-active {
  transform: translate3d(0, 3rem, 0);
  opacity: 0;
}
.result{
  display: flex;
  align-items: center;
  & > img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
  }
  & > div {
    margin-left: 5px;
  }
}
.module-tb-container {
  width: 100%;
  min-height: 50px;
  background: #f6f8fa;
  opacity: 1;
  display: flex;
  padding: 14px 24px;
  margin-bottom: 14px;
  align-items: center;
  .th {
    height: 20px;
    font-size: 14px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 20px;
    color: #666666;
    margin-bottom: 15px;
  }
  .td {
    height: 22px;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    line-height: 22px;
    color: #000000;
  }
  & > div {
    padding: 0 10px;
  }
  .serial {
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    background: #dfeefb;
    border-radius: 50%;
    opacity: 1;
    font-size: 16px;
    font-family: PingFang SC;
    font-weight: 400;
    color: #1890ff;
    margin-right: 30px;
  }
  .operation {
    display: flex;
    & > div {
      margin-right:10px;
      font-size: 14px;
      font-size: 16px;
      font-family: PingFang SC;
      font-weight: 400;
      color: #1890ff;
      cursor: pointer;
    }
  }
  .detection{
    display: flex;
    align-items: center;
    & > img{
      width:18px;
      height: 18px;
      margin-right: 5px;
    }
    & > div {
      margin-right: 5px;
    }
  }
}
</style>